<div class="container-fluid">
	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 ">
			<h1 class="text-center">笔记目录索引</h1>




		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 ">
			<!--套表单-->
			<form action="__ROOT__/note.php/index/Index/index2" class="navbar-form navbar-right" method="post">
				<div class="input-group">
					<select name='superior' class="form-control ">
							<option value="0" selected>全选</option>
							{volist name='item' id="vo"}
					

						<option value="{$vo.id}" >{$vo.item}</option>
						
						{/volist}
					</select>
				</div>




				<div class="input-group">


					<input type="text" name="name" class="form-control input-sm" placeholder="产品名称/型号 仅支持单选" required="required">
					<span class="input-group-btn">

						<button type="submit" class="btn btn-sm">提交</button>
					</span>

				</div>

			</form>
			<!--套表单-->


		</div>

	</div>

	<div class="row">


		<!--下面 胶囊菜单开始-->
		<ul class="nav nav-pills">
			{volist name='data' id="vo"}

			<li>
				<a href="#{$vo.idname}" data-toggle="tab">{$vo.content}
					<span style="color:red"> {$vo.id} </span>
				</a>
			</li>
			{/volist}


		</ul>
		<!--上面 胶囊菜单结束-->


		<!--下面 胶囊的内容 一级 开始-->

		<div class="tab-content" style="padding: 10px;">
			{volist name='data' id="vo"}
			<div class="tab-pane fade " id="{$vo.idname}">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>内容</th>
							<th>家地址</th>
							<th>阿里云地址</th>
							<th>打开</th>

						</tr>
					</thead>
					<tbody>
						<tr>
							<td>{$vo.content}</td>
							<td>{$vo.address}</td>
							<td>{$vo.wwwadd}</td>
							<td>
								<a href="__ROOT__/note.php/index/Index/index?id={$vo.id}&content={$vo.content}" target="_blank">打开</a>
							</td>

						</tr>

					</tbody>
				</table>



			</div>
			{/volist}
		</div>
	</div>

	<!--上面 胶囊的内容 一级 结束 -->



	<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 ">
			<h1 class="text-center">{$name}笔记目录索引</h1>
		</div>
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-0 "></div>

	</div>

	<div class="row">
		<div class="divider "></div>
	</div>
	<div class="row">
		<!--下面 胶囊菜单开始-->
		<ul class="nav nav-pills">
			{volist name='thinkphp_caidan' id="vo"}

			<li>
				<a href="#{$vo.idname}" data-toggle="tab">{$vo.content}
					<span style="color:red"> {$vo.id} </span>
				</a>
			</li>
			{/volist}


		</ul>
		<!--上面 胶囊菜单结束-->


		<!--下面 胶囊的内容 开始
		-@erji_neirong（ 二级内容）
		-
        -->
		<div class="tab-content" style="padding: 10px;">
			{foreach name="erji_neirong" item="vo" key="key1"}

			<div class="tab-pane fade " id="{$vo.idname}">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>id</th>
							<th>内容</th>
							<th>家地址</th>

							<th>打开</th>

						</tr>
					</thead>
					<tbody>

						{volist name="vo['data']" id="i"}
						<tr>
							<td>{$i.id}</td>
							<td>{$i.content}</td>
							<td>{$i.address}</td>

							<td>
								<a href="__ROOT__/{$i.url}/?content={$i.content}" target="_blank">打开</a>
							</td>

						</tr>
						{/volist}
					</tbody>
				</table>
			</div>

			{/foreach}
		</div>
	</div>

	<!--上面 胶囊的内容 结束 二级-->



</div>